<div class="g-custom-header g-border-bottom-1px" *ngIf="showTitle">
  首页
</div>

<ion-content class="g-content-light" (ionScroll)="contentScroll()">

  <ion-slides pager class="home-slides" autoplay="3000" loop>

    <ion-slide style="background-color: #eee">
      <h2>Slide 1</h2>
    </ion-slide>

    <ion-slide style="background-color: #ddd">
      <h2>Slide 2</h2>
    </ion-slide>

    <ion-slide style="background-color: #eee">
      <h2>Slide 3</h2>
    </ion-slide>

    <ion-slide style="background-color: #ddd">
      <h2>Slide 4</h2>
    </ion-slide>

  </ion-slides>

  {{ na }}

  <ion-grid class="main-button-box" no-padding padding-horizontal padding-top>
    <ion-row text-center>
      <ion-col>
        <div class="item-box" (click)="openIframe()">
          <img src="assets/imgs/icon_platform@3x.png" alt="">
          <span>平台介绍Iframe</span>
        </div>
      </ion-col>
      <ion-col>
        <div class="item-box" (click)="gotoPage('http://120.27.8.215/rcg/app-loan','_blank')">
          <img src="./assets/imgs/icon_promotion@3x.png" alt="">
          <span>运营报告gotopage</span>
        </div>
      </ion-col>
      <ion-col>
        <div class="item-box">
          <img src="./assets/imgs/icon_risk-management@3x.png" alt="">
          <span>风控管理</span>
        </div>
      </ion-col>
    </ion-row>
  </ion-grid>

  <g-product-item *ngFor="let item of productList" [detail]="item"></g-product-item>

</ion-content>
